<template>
    <todo-list :todo-list="todoList" v-slot:default="{todoItem}">
            <span v-if="todoItem.isFinite">√</span>
            <span v-else>×</span> 
            {{todoItem.id}}-{{todoItem.text}}
    </todo-list>
</template>

<script>
import TodoList from "../components/TodoList.vue"
export default {
    components:{
        TodoList: TodoList
    },
    data(){
        return {
            todoList: [
                {
                    id:0,
                    text:"买菜",
                    isFinite:true
                },
                {
                    id:1,
                    text:"做饭",
                    isFinite:false
                },
                {
                    id:2,
                    text:"洗衣服",
                    isFinite:true
                }
            ]
        }
    }
}
</script>